<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/infoNew.css?v=1.3.1">

<section id="info">
    <p class="headlineTitle"><a href="/">首页</a> > <a href="/news.html">雅思资讯</a> >
    <?php
            if ($detail['cate'] == 1) {
                // echo '最新资讯';
               echo '<a href="/news/info.html" class="on">最新资讯</a> ';
            } elseif ($detail['cate'] == 2) {
                echo '<a href="/news/share.html">干货分享</a>';
            } elseif ($detail['cate'] == 3) {
                echo '<a href="/news/shenyou.html">申友头条</a>';
            } elseif ($detail['cate'] == 4) {
                echo '<a href="/news/loc_info.html">考位资讯</a>';
            } else {
                echo '<a href="/news/info.html" class="on">老师文章</a> ';
            }
            ?> > 正文</p>
    <div class="headlineCover">
        <div class="headlineLeft">
            <div class="headArticleName">
                <h1 class="articleTitle"><?php echo $detail['name'] ?></h1>
                <div class="articleAuthCover">
                    <div class="articleAuth">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/13@2x.png" alt="">
                        <span class="authName"><?php echo $detail['author'] != false ? $detail['author'] : '申友' ?></span>
                        <span class="authTime">发表于<?php echo $detail['pushTime'] == false ? date('Y-m-d', $detail['createTime']) : date('Y-m-d', $detail['pushTime']) ?></span>
                    </div>
                    <p class="lookNum"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/3@2x.png"
                                            alt=""><span><?php echo $detail['viewCount'] ?></span></p>
                </div>
            </div>
            <!-- 正文内容-->
            <div class="articleContent" style="word-break: break-all">
                <?php echo $detail['content'] ?>
            </div>

            <!-- 精品课程-->
            <div class="infoRecommon">
                <p class="recommonTitle">精品课程</p>
                <div class="recommonCourse">
                    <?php foreach ($course as $v) { ?>
                        <a href="/course-detail/<?php echo $v['id'] ?>.html" class="reCourseItem">
                            <img src="<?php echo $v['pic'] ?>" alt="课程图片"
                                 class="reItemImg">
                            <div class="recourseDetail">
                                <p class="recourseName"><?php echo $v['name'] ?><?php if ($v['cate'] == 2) {
                                        echo '小班课';
                                    } elseif ($v['cate'] == 1) {
                                        echo '大班课';
                                    } elseif ($v['cate'] == 3) {
                                        echo '单项课';
                                    } elseif ($v['cate'] == 4) {
                                        echo '录播课';
                                    } elseif ($v['cate'] == 5) {
                                        echo '直播';
                                    } elseif ($v['cate'] == 6) {
                                        echo '一对一';
                                    } elseif ($v['cate'] == 7) {
                                        echo '封闭班';
                                    } elseif ($v['cate'] == 8) {
                                        echo '热门课程';
                                    } ?></p>
                                <div>
                                    <p class="recourseTime">总课时：<?php echo $v['duration'] ?></p>
                                    <p class="recoursePrice">免费试听</p>
                                </div>
                            </div>
                        </a>
                    <?php } ?>
                </div>
            </div>
            <!-- 资讯推荐-->
            <div class="infoRecommon">
                <p class="recommonTitle">资讯推荐</p>
                <?php foreach ($recommend as $v) { ?>
                    <a href="<?php echo $v['cate'] == 3 ? '/news-headline/' . $v['id'] . '.html' : '/news-information/' . $v['id'] . '.html' ?>"
                       class="recommonItem">
                        <p><?php echo $v['name'] ?></p>
                        <span><?php echo $v['author'] ?>发布于<?php echo $v['pushTime'] == false ? date('Y-m-d', $v['createTime']) : date('Y-m-d', $v['pushTime']) ?></span>
                    </a>
                <?php } ?>
            </div>
            <div class="HighlightCover">
                <!-- 浮窗广告 -->
                <div class="floatBanner">领取资料</div>
                <!-- 浮窗广告高亮 -->
                <?php if(empty(Yii::$app->session->get('uid'))):?>
                <a href="/register.html?source=10&url=https://<?php echo $_SERVER['SERVER_NAME'] . Yii::$app->request->getUrl() ?>" class="floatBannerHighlight">
                    <p class="HighlightText">新用户专享</p>
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/user/boxWords.png" alt="" class="HighlightImg">
                    <p class="HighlightBtn">注册立即领取</p>
                </a>
                <?php else:?>
                <a href="javascript:void(0)" class="floatBannerHighlight" @click="showProp=true">
                    <p class="HighlightText">新用户专享</p>
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/user/boxWords.png" alt="" class="HighlightImg">
                    <p class="HighlightBtn">注册立即领取</p>
                </a>
                <?php endif;?>
            </div>
            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/user/cha@2x.png" alt="" class="floatClose">
        </div>
        <div class="headlineRight">
            <!-- 体验课程 -->
            <div class="experienceCourse">
                <div class="experienceContent">
                    <p class="experienceTitle">雅思资深讲师体验课</p>
                    <p class="experiencePrice">价值<span>288</span>元现免费体验</p>
                    <input type="text" v-model="phone" class="phoneNum" placeholder="请输入您的手机号码">
                    <div class="phoneCodeCover">
                        <input type="text" v-model="code" class="phoneCode" placeholder="验证码">
                        <a href="javascript:void(0)" class="codeBtn" @click="getCode">{{text}}</a>
                    </div>
                    <a href="javascript:void(0)" class="upBtn" @click="submitSure">一键申请</a>
                    <div class="wordsInfo">
                        <p>*稍后老师将电话联系您 </p>
                        <p>为您安排体验课 </p>
                        <p>请保持手机畅通 </p>
                        <p>今日已有<span>100</span>人申请</p>
                    </div>
                </div>
                <!-- 成功 -->
                <div class="upSuccess" v-if="successPhone" @click="successPhone = false" v-cloak>
                    <div class="upcenter">
                        <div class="upcenterWords">
                            <p>稍后老师将电话联系您 </p>
                            <p>为您安排体验课 </p>
                            <p>请保持手机畅通 </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 雅思指南 -->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>雅思指南</p>
                </div>
                <div class="guideCover">
                    <a href="http://www.thinkuprep.com/guide.html">
                        <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/9@2x.png" alt=""></div>
                        <p>考试指南</p>
                        <a href="http://www.thinkuprep.com/ieltstestcenter.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/11@2x.png" alt=""></div>
                            <p>考试地点</p>
                            <a href="http://www.thinkuprep.com/calendar.html">
                                <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/13@2x.png" alt="">
                                </div>
                                <p>考试日历</p></a>
                            <a href="http://www.thinkuprep.com/city.html">
                                <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/10@2x.png" alt="">
                                </div>
                                <p>校区查询</p></a>
                            <a href="http://www.thinkuprep.com/teacher.html">
                                <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/16@2x.png" alt="">
                                </div>
                                <p>师资团队</p></a>
                            <a href="http://www.thinkuprep.com/active.html">
                                <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/15@2x.png" alt="">
                                </div>
                                <p>热门活动</p></a>
                </div>
            </div>
            <!-- 热门活动 -->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>热门活动</p>
                    <a href="/active.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png"
                                                     alt=""></a>
                </div>
                <?php foreach ($active as $k => $v) { ?>
                    <a href="/active-detail/<?php echo $v['id'] ?>.html" class="leadNewItem">
                        <p class="leadNewImg"><img src="<?php echo $v['pic'] ?>" alt=""></p>
                        <div class="leadNewRight">
                            <p class="newsWords"><?php echo $v['name'] ?></p>
                            <p class="ydNum">
                                <span><?php echo date('Y-m-d', $v['createTime']) ?></span><span><?php echo $v['viewCount'] ?>人阅读</span>
                            </p>
                        </div>
                    </a>
                <?php } ?>
                <!-- 视频 -->
                <?php
                $videoUrl = '';
                $res = json_decode(app\libs\Method::post('https://live.thinkwithu.com/api/play/pc-video', ['word' => 'bj7eo4w0c6']), true);
                if ($res['code'] == 1) {
                    $videoUrl = $res['data']['video'];
                }
                ?>
                <input type="hidden" value="<?php echo $videoUrl ?>" id="videoUrl"> <!-- 视频链接地址 -->
                <div :class="isFull?'videoBoxFull':'videoBox'">
                    <!-- 视频封面图 -->
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/28@2x.png" alt="" class="courseFm"
                         v-if="showFm">
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/icon bofang@2x.png" alt=""
                         class="playBtn" v-if="showFm" @click="playVideo()">
                    <div class="blank_" @click="outfullScrren()" v-if="isFull"></div>
                    <!-- 视频播放 -->
                    <div :class="isFull?'playVideoBoxFull':'playVideoBox'" v-cloak>
                        <!--  视频播放容器-->
                        <div id="playContent"></div>
                        <div :class="isFull?'videoUiFull':'videoUi'" v-cloak>
                            <div class="videoUiLeft">
                                <a href="javascript:void(0)" v-if="!isPlay" @click="playVideo()">
                                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/77.png" alt="">
                                </a>
                                <a href="javascript:void(0)" v-else @click="pauseVideo()">
                                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/78.png" alt="">
                                </a>
                                <span class="nowTime">{{current}}</span>
                                <span>/</span>
                                <span class="totleTime">{{duration}}</span>
                            </div>
                            <div class="videoUiRight">
                                <a href="javascript:void(0)" v-if="!isFull" @click="fullScrren()">
                                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/85.png" alt="">
                                </a>
                                <a href="javascript:void(0)" v-else @click="outfullScrren()">
                                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/84.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 在线做题 -->

            <!-- 重点推荐 -->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>重点推荐</p>

                </div>
                <div class="keyPoint">
                    <?php foreach ($focus as $v) { ?>
                        <a href="<?php echo $v['url'] ?>" class="keyPointItem"><p></p>
                            <span><?php echo $v['name'] ?></span></a>
                    <?php } ?>

                </div>
            </div>
        </div>
    </div>
    <!--广告弹窗-->
    <div class="advertisePop" v-if="showProp" v-cloak>
        <div class="advertiseCenter">
            <img class="closeAd" src="https://file.viplgw.cn/ui/thinku-ielts-new/images/indexNew/close1.png" alt="" @click="showProp=false">
            <div class="advertiseInfo">
                <div class="advertiseInfoTitle">
                    <p class="titleLeft">领取<span>雅思备考资料</span>请扫描<br>下方<span>二维码</span></p>
                    <p class="titleCenter">或</p>
                    <p class="titleLeft">点击下方按钮<span>“在线咨询”</span><br>与网站客服进行联系</p>
                </div>
                <a target="_blank" href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"><img class="advertiseInfoCenter" src="https://file.viplgw.cn/ui/thinku-ielts-new/images/indexNew/erweimapopNew.png" alt=""></a>
                <p class="advertiseInfoNotice">添加小助手微信，备注“领取雅思备考资料” <br> 即可获得最新最全的雅思备考资料</p>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript" src="https://file.viplgw.cn/ui/thinku-ielts-new/js/play/cyberplayer.js?v=1.9.1"></script>
<script type="text/javascript" src="https://file.viplgw.cn/ui/thinku-ielts-new/js/play/js/jquery-ui-1.10.3.custom.min.js?v=1.1.1"></script>
<script src="https://file.viplgw.cn/ui/thinku-ielts-new/js/infoNew.js?v=1.3"></script>
<script>
    let time = 0;
    let timer = ''
    $(function (){
        timer = setInterval(function (){
            time ++
        },1000)
    })
    window.onbeforeunload  = function (e) {
        e = e || window.event;
        clearInterval(timer);
        _czc.push(['_trackEvent','雅思资讯','浏览详情','<?php echo $detail['name'] ?>',time])
    };

    if(!getCookie('bannerTime')){
        $('.HighlightCover').show();
    }
    window.onscroll = function() {
        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        if(scrollTop > ($('footer').offset().top - 900)){ //超过正文 隐藏
            $('.HighlightCover').hide();
        }else {
            if(!getCookie('bannerTime')){
                $('.HighlightCover').show();
            }
        }
    }

    $('.HighlightCover').hover(function (){
        $('.floatBanner').hide();
        $('.floatBannerHighlight').addClass('floatBannerHighlightOn');
    },function (){
        $('.floatBannerHighlight').removeClass('floatBannerHighlightOn');
        setTimeout(function (){
            $('.floatBanner').show();
            $('.floatClose').show();
        },200)
    })
    $('.floatClose').click(function (){
        $('.HighlightCover').hide();
        $('.floatClose').hide();
        setCookie2('bannerTime',getExpireTime())
    })

    function getExpireTime() {
        var date = new Date();
        var hour = 23-date.getHours();
        var min = 59-date.getMinutes();
        var ms = (3600*hour + 60*min)*1000;
        return ms;
    }
    function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
            return "";
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
            cookieEndIndex = document.cookie.length
        return (document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
    }
    function setCookie2(cookiename, milsecond)
    {
        var date = new Date();
        date.setTime(date.getTime() + milsecond);
        document.cookie = cookiename + "=" + 'time' + "; path=/;expires = " + date.toGMTString();
    }

</script>
